
#content{
  .left{
    .blogNews{
      .weizhi{
        font-size: 14px;
        color: #777;
        background: url("../images/weizhi.png") no-repeat center left;
        padding-left: 20px;
        margin-bottom: 10px;
        a{
          color: #777;
        }
      }
      .newsContent{
        background: #fff;
        padding: 20px 30px;
        .title_time_all{
          .title{
            font-size: 22px;
            margin: 15px;
            text-align: center;
            color:#2c3e50;
            font-weight: bold;
          }
          .time_all{
            color: #888;
            font-size: 14px;
            margin-bottom: 30px;
            padding-bottom: 10px;
            border-bottom: #ccc 1px dotted;
            text-align: center;
          }
        }
        .body{
          p>img{
            max-width: 90%;
            margin: 10px auto;
          }
          .tip{
            background: #f5f5f5;
            margin: 30px 0;
            padding: 20px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            .left{
              display: flex;
              flex-direction: row;
              justify-content: left;
              align-items: center;
              width:100%;
              max-width:670px;
              .img{
                width:46px;
                height:46px;
                border-radius: 50%;
                overflow: hidden;
                margin-right: 10px;
                img{
                  display: block;
                  width:100%!important;
                  height:100%;
                }
              }
              .txt{
                width:100%;
                max-width:500px;
                div:nth-child(1){
                  color: #2c3e50;
                  padding: 4px 0 0 0;
                }
                div:nth-child(2){
                  color: #888;
                  font-size: 13px;
                }
              }
            }
            .right{
              width:80px;
              img{
                display: block;
                width:80px;
                height:80px;
              }
            }
          }
        }
        .info_next{
          margin: 10px 0;
          border-top: #efefef 1px solid;
          padding-top: 20px;
          a{
            display: block;
            line-height: 34px;
            text-decoration: none;
            color: #2c3e50;
          }
        }
        .pinglun{
          .title{
            margin: 30px 0;
            font-size: 16px;
            margin-bottom: 10px;
            border-bottom: #f4f4f4 1px solid;
            padding-bottom: 11px;
            position: relative;
            &::after{
              position: absolute;
              content: "";
              width: 70px;
              height: 2px;
              background: #000;
              bottom: -1px;
              left: 0;
              transition: all .5s;
            }
          }
          .pldiv{
            border-radius: 4px;
            background: #f7f7f7;
            padding: 10px;
            box-shadow: inset 2px 2px 6px rgb(0 0 0 / 8%);
            textarea{
              padding: 8px 18px;
              display: block;
              width:100%;
              height:80px;
              overflow: hidden;
              background: none;
              border:none;
              outline: none;
              resize:none;
            }
            .icon{
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: center;
              height:40px;
              width:100%;
              .bq{
                width:30px;
                height:30px;
                cursor: pointer;
              }
              .shuru_btn{
                display: flex;
                flex-direction: row;
                justify-content: right;
                align-items: center;
                width:200px;
                .shuru{
                  height: 39px;
                  width: 140px;
                  float: right;
                  background: #e8e8e8;
                  border-radius: 20px;
                  padding: 10px 16px 11px 35px;
                  margin: 0 15px 0 0;
                  box-shadow: inset 2px 2px 6px rgb(0 0 0 / 8%);
                  cursor: default;
                  position: relative;
                  svg{
                    position: absolute;
                    top:9px;
                    left:10px;
                    width: 22px;
                    height: 22px;
                  }
                  input{
                    width:100%;
                    height:100%;
                    border:none;
                    background: none;
                    outline: none;
                  }

                }
                button{
                  border: 0;
                  background: #ed4040;
                  width: 100px;
                  outline: none;
                  color: #fff;
                  border-radius: 20px;
                  font-size: 14px;
                  font-weight: normal;
                  cursor: pointer;
                  padding: 0;
                  height:40px;
                }
              }
            }

          }
          .tongji{
            font-size: 14px;
            margin: 30px 0;
            font-style: normal;
            em{
              color: #f90;
              font-family: Arial;
              margin-right: 2px;
            }
          }
        }
      }

    }
  }
  .right{
    .tuijian_pic{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        li{
          width: 49%;
          margin-bottom: 15px;
          font-size: 12px;
          a{
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #2c3e50;
            i{
              display: block;
              width: 100%;
              height: 80px;
              overflow: hidden;
              margin-bottom: 5px;
              img{
                width: 100%;
                min-height: 100%;
                transition: all .5s;
              }
            }
          }
          &:nth-child(odd) a{
            margin-right: 5px;
          }
          &:hover{
            img{
              transform: scale(1.1)
            }
          }
        }
      }
    }
    .guangao{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width:100%;
      margin-bottom: 20px;
      a{
        height:217px;
        width:160px;
        border-radius: 10px;
        overflow: hidden;
        img{
          display: block;
          width:100%;
          height:100%;
        }
      }
    }
    .wznews{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 40px;
          position: relative;
          padding-left: 30px;
          &::before{
            content: "";
            width: 20px;
            height: 20px;
            border-radius: 4px;
            position: absolute;
            left: 4px;
            top: 11px;
          }
          &:nth-child(1)::before{
            background: url(../images/no1.png) no-repeat;
          }
          &:nth-child(2)::before{
            background: url(../images/no2.png) no-repeat;
          }
          &:nth-child(3)::before{
            background: url(../images/no3.png) no-repeat;
          }
          &:nth-child(4)::before{
            background: url(../images/no4.png) no-repeat;
          }
          &:nth-child(5)::before{
            background: url(../images/no5.png) no-repeat;
          }
          &:nth-child(6)::before{
            background: url(../images/no6.png) no-repeat;
          }
          &:nth-child(7)::before{
            background: url(../images/no7.png) no-repeat;
          }
          &:nth-child(8)::before{
            background: url(../images/no8.png) no-repeat;
          }
          &:nth-child(9)::before{
            background: url(../images/no9.png) no-repeat;
          }
          &:nth-child(10)::before{
            background: url(../images/no10.png) no-repeat;
          }
          a{
            text-decoration: none;
            color: #2c3e50;
          }
          &:nth-child(even){
            background: #f5f5f5;
            border-radius: 3px;
          }
        }
      }
    }
    .wznews2{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          line-height: 34px;
          position: relative;
          padding-left: 15px;
          &::before{
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 4px;
            position: absolute;
            left: 0;
            top: 16px;
            background: #a8d4d7;
          }
          a{
            text-decoration: none;
            color: #2c3e50;
          }
        }
      }
    }
    .tagsclous{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      p{
        padding: 20px;
        overflow: hidden;
        position: relative;
        &::before{
          animation: linescroll 5s;
          animation-iteration-count: infinite;
          content: "";
          width: 20px;
          height: 20px;
          background: #688062;
          position: absolute;
          z-index: 9;
        }
        a{
          color:#2c3e50;
          display: inline-block;
          background: #ffffff;
          width: 33.3333%;
          font-size: 14px;
          float: left;
          line-height: 40px;
          text-align: center;
          position: relative;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          &:nth-child(3n-1)::before{
            width: 1px;
            height: 100%;
            content: "";
            position: absolute;
            background: #eae5e5;
            left: 0;
            top: 0;
          }
          &:nth-child(3n-1)::after{
            width: 1px;
            height: 100%;
            content: "";
            position: absolute;
            background: #eae5e5;
            right: 0 ;
            top: 0;
          }
          &:nth-child(6n+1){background: #f5f5f5; }
          &:nth-child(6n+2){background: #f5f5f5; }
          &:nth-child(6n+3){background: #f5f5f5; }
          &:hover{
            background: #edac96;
            color: #fff
          }
        }
      }
    }
    .tongji{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        li{
          margin-bottom: 10px;
          color:#2c3e50;
          b{font-weight: bold}
          a{color: #096;}
          &.tongji_gzh{
            margin-bottom: 10px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            i{
              width: 50%;
              display: block;
              font-size: 13px;
              font-style: normal;
              text-align: center;
              img{
                margin: auto;
                width: 90%;
                display: block;
              }
            }
          }
        }
      }
    }
    .links{
      background: #fff;
      margin-bottom: 20px;
      .title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 20px;
        border-bottom: #f0eeee 1px solid;
        .txt{
          font-weight: bold;
          font-size: 20px;
        }
        a{
          color: #777;
          font-weight: normal;
        }
      }
      ul{
        padding: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        li{
          margin: 10px 0;
          width: 50%;
          a{
            text-decoration: none;
            color: #2c3e50;
            display: block;
            padding: 0 20px 0 0;
          }
        }
      }
    }
  }
}
@keyframes linescroll { 0% {
  left:0px;
  top:0px;
}
  25% {
    left:316px;
    top:0px;
  }
  50% {
    left:316px;
    top:220px;
  }
  75% {
    left:0px;
    top:220px;
  }
  100% {
    left:0px;
    top:0px;
  }
}